<template>
    <div id="mainbox">
        <sheetback>
              <template v-slot:title>
               <span>搜索结果</span>
            </template>
            <template v-slot:song>
                <searchsong></searchsong>
            </template>
        </sheetback>
        <searchmes></searchmes>
    </div>
</template>

<script>
import sheetback from '../sheet/sheetback.vue'
import searchmes from '../search/searchmes.vue'
import searchsong from './searchsong.vue'
import axios from 'axios'
export default {
components:{ 
    sheetback,
    searchmes,
    searchsong,
},
data(){
    return{
        keyword:'',
    }
},
mounted:function(){
    this.loading();
},
methods:{
    loading(){
        // setTimeout(function(){this.$destroy('Asong')},0)
        this.keyword=this.$route.query.keyword;
        let that=this;
                 axios.get("http://39.101.203.189:3000/search/?keywords=" + that.keyword).then(function(response) {
                        console.log(response.data.result);
                    }, function(err) {})
    }
}
}
</script>

<style scoped>
 #mainbox{
            position: absolute;
            left: 300px;
            width: 1200px;
            height: 570px;
        }
</style>